<template>
	<view class="cu-w-100">
		<block v-for="(item,index) in data">
			<view :key="index" v-if="item.name === 'view'" 
			:style="item.attrs && item.attrs.style ? item.attrs.style : undefined"
			@click="event(item.attrs && item.attrs.onclick ? item.attrs.onclick : undefined,item.data ? item.data : undefined)"
			>
				<block v-for="(textItem,idx) in item.childrens">
					<text :key="idx" v-if="textItem.name === 'text'"
						:style="textItem.attrs && textItem.attrs.style ? textItem.attrs.style : undefined"
						@click="event(textItem.attrs && textItem.attrs.onclick ? textItem.attrs.onclick : undefined,textItem.data ? textItem.data : undefined,index,idx)">
						{{textItem.text}}
					</text>
				</block>
			</view>
			<text :key="index" v-if="item.name === 'text'"
				:style="item.attrs && item.attrs.style ? item.attrs.style : undefined"
				@click="event(item.attrs && item.attrs.onclick ? item.attrs.onclick : undefined,item.data ? item.data : undefined,index)">
				{{item.text}}
			</text>
		</block>
	</view>
</template>

<script>
	export default {
		emits: ['changeDuyinBtn'],
		props: {
			data: {
				type: Array,
				default: function(e) {
					return []
				}
			},
		},
		data() {
			return {

			};
		},
		methods:{
			event(type,data,subscript1,subscript2){
				// navBar 点击事件
				if (type === 'changeDuyinBtn') {
					this.$emit(type, data,subscript1,subscript2)
				}
			}
		}
	}
</script>

<style lang="scss">

</style>